<template>
    <div class="selw">
        <div class="sel">
            <div class="sell">
                <img class="img" src="/img/main-img/资源24.png">
                <div>
                    <p>甘甜圆润 济南脐橙</p>
                    <p>酸甜可口</p>
                    <p>济南脐橙</p>
                    <p><span>￥56 /</span> 4盒/单盒15元</p>
                </div>
            </div>
            <div class="gw">
                <img src="/img/main-img/资源19@2x-8.png">
            </div>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .selw{
        width: 100vw;
        text-align: center;
        margin: 4vw 0;
    }
    .sel{
        width: 93vw;
        margin: 0px auto;
        border-radius: 2vw;
        box-shadow: 0px 0px 1vw 0px #dddddd;
        padding: 2vw 4vw;
        /* padding-bottom: 1vw; */
        display: flex;
        justify-content: space-between;
    }
    .sell{
        display: flex;
    }
    .sell div{
        padding: 3vw 0;
    }
    .img{
        /* border: 1px solid black; */
        width: 30vw;
    }
    .gw img{
        width: 8vw;
        position: relative;
        right: 2vw;
        top: 20vw;
        cursor: pointer;
    }
    p:nth-of-type(1){
        color: #666666;
        font-size: 4.5vw;
    }
    p:nth-of-type(2){
        color: white;
        background-color: red;
        font-size: 3.5vw;
        width: 16vw;
        border-radius: 0.9vw;
        margin: 0.8vw 0; 
    }
    p:nth-of-type(3){
        color: #999999;
        text-align: left;
    }
    p:nth-of-type(4){
        color: red;
        text-align: left;
        font-size: 3.5vw;
    }
    p span{
        font-size: 5vw;
    }
</style>